html {
    height: 100%;
}

body {
    font-family: "Dejavu Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 11px;
    background-color: #FFF;
    margin: 0px;
    height: 100%;
}

/* never allow selection! */
* {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

/* except on inputs! */
input, textarea, .selectable {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
}

.ocr_carea {
    display: inline;
}

.button_link {
    text-decoration: none;
    color: #333;
    margin: 0px 5px;
    opacity: 0.8;
}

/* this is necessary so the dropdowns overlap the content */
#menucontainer {
    overflow: visible;
    z-index:500;
}

.uploader.dragover {
    background-color: #DDDDFF;
}

.viewer_toolbar {
    overflow: visible;
}

.pane-header {
    padding: 0.4em;
}

#appmenu {
    overflow: visible;
}

.login_button {
    text-decoration: none;
    color: #666;
}

.login_button:hover {
    background-color: #DDDDFF;
}

#sidebar, #sidebarcontent {
    overflow: hidden;
    height: 100%;
}

html, body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
} 

#vsplitter { 
    height: 100%; 
}

#node_canvas {
    height: 400px;
}

#login_info {
    margin-top: 8px;
    margin-right: 5px;
    color: #999;
    float: right;
    font-size: 0.9em;
}

#login_info a {
    margin-left: 5px;
    display: inline;
}

#login_info a:hover {
    background-color: #FFFFDD;
}

.sub_toolbar {
    font-size: 0.9em;
    overflow: auto;
    padding: 5px;
    background-color: #87B4FF;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.35, rgb(75,120,195)),
        color-stop(0.48, rgb(83,124,195))
    );
    background: -moz-linear-gradient(
        center bottom,
        rgb(83,124,195) 48%,
        rgb(75,120,195) 35%
    );
}

#workspace, #app_container {
    height: 100%;
    min-height: 100%;
}

/*#sideviewer {
    float: right;
    width: 40%;
}

#viewerwindow {
    float: right;
    width: 600px;
    height: 450px;
}*/

#document_window {
    padding: 10px 0px 10px 10px;
    min-width: 500px;
    margin-right: 320px;
}


a.button {
    background: #E6E6E6 url(/static/gradient_grey.png) repeat-x 50% 50%;
    border: 1px solid #D2D2D2;
    border-radius: 2px 2px;
    font-size: 0.8em;
    margin: 0px 0px 0px 5px;
    padding: 1px 2px;
    cursor: pointer;   
    text-decoration: none;
    color: #999; 
}

a.button:hover {
    border: 1px solid #B2B2B2;
    
}

.viewer_highlight.lines {
    background-color: #FF2222;
    opacity: 0.2;
}

.viewer_highlight.paragraphs {
    border: 5px solid #2222FF;
    opacity: 0.5;
    border-radius: 3px;
}

.viewer_highlight.columns {
    background-color: #FFFF22;
    opacity: 0.2;
}


.reference_set_list {
    min-height: 400px;
    overflow: auto;
    background-color: #FFF;
}

.reference_page {
    float: left;
    margin:10px;
    border-top: 1px solid #F6F6F6;
    border-left: 1px solid #F6F6F6;
    box-shadow: 2px 2px 3px #AAA;
    -webkit-box-shadow: 2px 2px 3px #AAA;
    -moz-box-shadow: 2px 2px 3px #AAA;
    padding: 10px;
    background-color: #FAFAFE;
    background: -webkit-gradient(
        linear,
        right bottom,
        left top,
        color-stop(0.50, rgb(245,245,245)),
        color-stop(0.35, rgb(240,240,240))
    );
    background: -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 35%,
        rgb(245,245,245) 50%
    );
    border-radius: 3px;
}

.reference_page a {
}

.reference_page_center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.reference_page_image {
    margin-top: 10px;
}

.reference_page_info {
    font-size: 0.9em;    
}

.reference_page_info .key {
    font-weight: bolder;    
}

.reference_page_image img {
    border: 1px solid #D6D6D6;
}


.literal {
}

.literal .ocr_line {
    float: left;
    clear: left;
    position: relative;
}

.ui-selected {
    color: #FFF;
    background-color: #a7c7dc;
    background-color: -moz-linear-gradient(top, #a7c7dc 0%, #85b2d3 100%);
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c7dc), color-stop(100%,#85b2d3));
    background-color: -webkit-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%);
    background-color: -o-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%);
    background-color: -ms-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 );
    background: linear-gradient(top, #a7c7dc 0%,#85b2d3 100%);    
}

#logwin {
    opacity: 0.5;
    background-color: #000;
    font-size: 2em;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    left: 20px;
    float: left;
    color: #FFF;
}

.debugwindow {
    border: none;
    width: 100%;
    height: 100%;
}

.ui-medium-flat {
    background-color: #f7f7f7;
    background-color: -moz-linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ebebeb));
    background-color: -webkit-linear-gradient(top, #f7f7f7 0%,#ebebeb 100%);
    background-color: -o-linear-gradient(top, #f7f7f7 0%,#ebebeb 100%);
    background-color: -ms-linear-gradient(top, #f7f7f7 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );
    background: linear-gradient(top, #f7f7f7 0%,#ebebeb 100%);
}

.ui-background-flat {
    background: #e4e4e4;
}

.viewer_toolbar {
    padding: 0.4em;
}

.viewer_toolbar span, .viewer_toolbar button, .viewer_toolbar input, .viewer_toolbar label {
    float: left;
}

.textviewer {
    padding: 0.5em;
}

/* jquery UI override */
.ui-tabs {
    padding: 0em !important;
}
.ui-tabs-panel {
    padding: 0em !important;
}

.ui-tabs-nav {
    padding: 0em !important;
}

#widget.ui-widget-content {
    border: 0;
}

/* NB: this depends on the image viewer
 * auto-sizing to fit the content */
.imageviewer {
    overflow: hidden;
}

.ui-layout-header {
    padding: 0.4em;
}
 
.ui-header-tabs {
    padding: 0px !important;
    border: none !important;
}

.ui-tabs, .ui-tabs-nav {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.ui-header-tabs .ui-tabs-nav li a {
    padding: 0.2em !important;
}

#appmenu {
    z-index: 1000;
}

#appmenu.dropdown {
    width: auto;
}

/* HACK! For some reason Jquery UI buttons have a 2px top margin
 * for reasons as-yet undetermined.  Make sure buttonsets match and
 * try not to forgot about this when it comes back to bite us.
 */
button.ui-button, a.ui-button {
    margin-top: 0px;
}

#status_bar {
    height: 30px;
    color: #f0f0f0;
    background: #f0f0f0;
    overflow: hidden;
}

#status_bar .status_bar_left {
    padding: 5px;
    float: left;
}

#status_bar .status_bar_right {
    padding: 5px;
    float: right;
}

#status_message2 {
    visibility: hidden;
}

#status_bar_progress {
    -moz-border-radius: 2px;
    border: 1px solid #D0D0D0;
}

#progress_bar_progress {
    width: 200px;
    border-radius: 4px;
    float: right;
    background-color: #FBFBFB;
    background-repeat: no-repeat;
    background-position: -10px -2px;
    height: 12px;
    opacity: 0.7;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
    margin-right: 5px;
}

#progress_bar_progress.working {
    background-image: url("/static/progbar.gif");
}

#progress_bar_cancel {
    border: 1px solid #CCC;
    float: right;
    border-radius: 4px;
    font-size: 0.9em;
    cursor: pointer;
    width: 12px;
    height: 12px;
    opacity: 0.6;    
}

#progress_bar_cancel.working {
    color: #ff3019;
    background: #ff3019;
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
    background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
    background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
    background: linear-gradient(top, #ff3019 0%,#cf0404 100%);   
}

#progress_bar_cancel.working.hover {
    color: #ff6453;
    background: #ff6453;
    background: -moz-linear-gradient(top, #ff6453 0%, #ff1f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6453), color-stop(100%,#ff1f1f));
    background: -webkit-linear-gradient(top, #ff6453 0%,#ff1f1f 100%);
    background: -o-linear-gradient(top, #ff6453 0%,#ff1f1f 100%);
    background: -ms-linear-gradient(top, #ff6453 0%,#ff1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6453', endColorstr='#ff1f1f',GradientType=0 );
    background: linear-gradient(top, #ff6453 0%,#ff1f1f 100%);
}

#status_bar_cancel {
    float: right;
}

/* New batch form -> /batch/new */
#batch_file_list {
    max-height: 400px;
    min-height: 200px;
    overflow: auto;
    background: #FFF;
    border: 1px solid #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    width: 400px;
}


#batchform .file_item {
    padding: 3px;
    color: #333;
    cursor: pointer;    
}

#batch_file_list .odd {
    background-color: #F2F2F2;
}

#tag_list {
    font-size: 1.2em;
    padding: 0.4em;
}

.taglist {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.tagitem {
    margin: .8em;
    padding: .4em;
}

.taglink {
    border-radius: 4px;
    border: 1px solid #acdc84;
    padding: .4em;
    color: #000;    
    text-decoration: none;
    background: #e8f5dd;
    background: -moz-linear-gradient(top, #e8f5dd 0%, #e3f0d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f5dd), color-stop(100%,#e3f0d8));
    background: -webkit-linear-gradient(top, #e8f5dd 0%,#e3f0d8 100%);
    background: -o-linear-gradient(top, #e8f5dd 0%,#e3f0d8 100%);
    background: -ms-linear-gradient(top, #e8f5dd 0%,#e3f0d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f5dd', endColorstr='#e3f0d8',GradientType=0 );
    background: linear-gradient(top, #e8f5dd 0%,#e3f0d8 100%); 
}

.taglink:hover {
    border-color: #58902a;
}

.taglink.current, .taglink:hover.current {
    border-color: #96bed8;
    background: #e9f1f7;
    background: -moz-linear-gradient(top, #e9f1f7 0%, #c0d4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f1f7), color-stop(100%,#c0d4e4));
    background: -webkit-linear-gradient(top, #e9f1f7 0%,#c0d4e4 100%);
    background: -o-linear-gradient(top, #e9f1f7 0%,#c0d4e4 100%);
    background: -ms-linear-gradient(top, #e9f1f7 0%,#c0d4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f1f7', endColorstr='#c0d4e4',GradientType=0 );
    background: linear-gradient(top, #e9f1f7 0%,#c0d4e4 100%);
}

